<template>
  <div class='main-page'>
      <header-main></header-main>
      <section-main></section-main>
      <footer-main></footer-main>
      <play-bar></play-bar>
  </div>
</template>

<script>
import headerMain from '../components/common/headerMain'
import footerMain from '../components/common/footerMain'
import playBar from './playBar/index'
import sectionMain from './sectionMain'
export default {
  name: 'mainPages',
  components: {
    headerMain,
    footerMain,
    playBar,
    sectionMain
  },
 
}
</script>
<style scoped lang='less'>
  .router-page {
    width: 300px;
    height: 300px;
  }
</style>
